<template>
   <div>
    <div class="weekend-title">周末去哪</div>
    <ul style="padding:0px;margin:0">
      <li  v-for="(item,id) of weekendlist" :key="id">
       <div class="weekend-imag-swrap">   
        <img class="weekend-img" :src="item.imgurl"/>
        </div>
         <div class="weekend-info">
             <p class="weekends-title">{{item.title}}</p>
             <p class="weekend-des">{{item.des}}</p>
         </div>
      </li>
    </ul>
    </div>
</template>
<script>
export default{
    name:"Homeweekend",
    props:['weekendlist'],
    data () {
        return {
        }
    },
    mounted() {
        this.dd();
    },
    methods:{
        dd () {
            console.log(666);
            setTimeout(()=>{
               console.log(23456);
            },0)
         for (var i=0;i<10;i++){
           setTimeout(() => {
               console.log(i);
           }, 1000);
       }
     }
    },
}
</script>
<style lang="stylus" scoped>
@import "~styles/mixins.sty"
 .weekend-title
   margin-top:7px;
   line-height:30px;
   background:#eee;
   text-indent: 20px;
 .weekend-imag-swrap
   overflow: hidden;
   height:0
   padding-bottom:20%
  .weekend-img
    width:100%;
    height :200px;
    padding:5px;
  .weekend-info
    min-width:0;
   .weekends-title
     margin:0px
   .weekend-des
     ellipsis();
     line-height:35px;
     margin:0
</style>
